/*
 * @Author: your name
 * @Date: 2020-10-30 14:10:07
 * @LastEditTime: 2020-11-05 17:04:17
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /crowd-funding/src/components/pages/header/productDesc/index.js
 */
import React, { useRef } from 'react'
import { connect, useSelector } from 'react-redux'
import './index.scss'

export default React.forwardRef((props, ref) => {
	const homeData = useSelector((state) => state.homeData)
	const { storyPageData = {} } = homeData
	const { projectStoryNewDto = {} } = storyPageData
	const { padvantageList = [] } = projectStoryNewDto
	return (
		<div className="productDesc" ref={ref}>
			{/* 产品功能 */}
			<div className="projectName">{projectStoryNewDto.projectName}</div>
			<p className="projectAdWord">{projectStoryNewDto.projectAdWord}</p>
			{padvantageList.length > 0 && (
				<div className="advantegeButtonList">
					{padvantageList.map((item) => (
						<div key={item.id} className="advantegeButton">
							{item.advantege}
						</div>
					))}
				</div>
			)}
		</div>
	)
})
